<template>
  <div class="user">
    <el-container>
      <el-aside width="250px" style="background-color: white">
        <el-menu :default-openeds="['1']">
          <el-submenu index="1">
            <template slot="title">
              <i class="el-icon-postcard"></i>个人信息
            </template>
            <el-menu-item-group>
              <router-link class="alink" to="/user/userInfo">
                <el-menu-item index="1-1">
                  基本信息
                </el-menu-item>
              </router-link>
              <router-link class="alink" to="/user/password">
                <el-menu-item index="1-2">
                  修改密码
                </el-menu-item>
              </router-link>
            </el-menu-item-group>
          </el-submenu>
        </el-menu>
      </el-aside>
      <el-container>
        <el-main>
          <div>
            <router-view></router-view>
          </div>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>
export default {
  name: "user",
  data() {
    return {}
  },
}
</script>

<style scoped>
.user {
  margin: 20px 0;
  background-color: #fff;
  min-height: 830px;
}

.alink {
  text-decoration: none;
}
</style>
